<!DOCTYPE HTML>
<html>
<head>
	<title>KISSpage Options</title>
	<link type="text/css" rel="stylesheet" href="options.css" />
	<link type="text/css" rel="stylesheet" href="jquery-ui/jquery-ui-1.8.16.custom.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="jquery-ui/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
	<script type="text/javascript" src="core.js"></script>
	<script type="text/javascript" src="options.js"></script>
	<script type="text/javascript" src="dnd-options.js"></script>
</head>
<body class="designer">
	<div class="header"> 
	</div>
	<div id="main-content">
		<div id="navbar-container">
			<h1 id="settings-title">KISSpage Options</h1>
			<ul id="navbar">
				<li id="generalPageNav" class="navbar-item" pagename="general" tabindex="0">General</li>
				<li id="importExportPageNav" class="navbar-item" pagename="importExport" tabindex="0">Import/Export</li>
				<li id="releasePageNav" class="navbar-item" pagename="release" tabindex="0">Release Notes</li>
				<li id="clearOptions" class="navbar-item navbar-new-group" tabindex="0">&#x00d7; Reset to Defaults</li>
				<li id="backToHome" class="navbar-item navbar-new-group" tabindex="0">&laquo; Back to Home Page</li>
			</ul>
		</div>
		<div id="mainview">
			<div id="mainview-content">
				<div id="toplevel-page-container">
				
					<div id="generalPage" class="page">
						<h1>General</h1>
						<section id="startupSection">
							<h3>
								Containers
								<div class="instructions">Containers are the boxes displayed on your start page. You can <strong>use these controls</strong> to edit the formatting of your groups and <strong>drag items from below</strong> to fill them in.</div>
							</h3>
							<div id="containerTabs" class="ui-tabs">
								<ul></ul>
							</div>
						</section>
						<section>
							<h3>
								Available Items
								<div class="instructions">These are the items you can use to populate your containers. Just <strong>drag one of these items into the container above</strong> and your start page will be updated.</div>
							</h3>
							<div id="itemTabs" class="ui-tabs">
								<ul>
									<li><a href="#tab-items-system">System</a></li>
									<li><a href="#tab-items-options">Options</a></li>
									<li><a href="#tab-items-development">Development</a></li>
									<li><a href="#tab-items-apps">Apps</a></li>
									<li><a href="#tab-items-bookmarks">Bookmarks</a></li>
								</ul>
								<div id="tab-items-system"></div>
								<div id="tab-items-options"></div>
								<div id="tab-items-development"></div>
								<div id="tab-items-apps"></div>
								<div id="tab-items-bookmarks">
									<div class="containerSettings">
										<label for="bookmarkFolder">Folder:</label>
										<select id="bookmarkFolder">
											<option value="">- Select a Folder -</option>
										</select>
									</div>
								</div>
							</div>
						</section>
					</div>
					
					<div id="releasePage" class="page">
						<h1>Release Notes</h1>
						<section id="versionSection">
							<h3>Version</h3>
							<div id="versionNumber"></div>
						</section>
						<section id="startupSection">
							<h3>New Features</h3>
							<div>
								<ul class="list-features">
									<li>Display titles on containers</li>
									<li>Additional instructions on options page</li>
									<li>Show release notes on install/upgrade</li>
									<li class="old">&quot;Reset to Defaults&quot; command to clear all options</li>
								</ul>
							</div>
						</section>
						<section>
							<h3>Bug Fixes</h3>
							<div>
								<ul class="list-features">
									<li>Built in &quot;Stats&quot; item loads the wrong page (remove from containers and re-add to see fix)</li>
									<li>Dragging item onto end of container adds item at wrong position in options screens</li>
									<li>&quot;All Items&quot; placeholders for Apps and Bookmarks rendering wrong in options screens</li>
									<li class="old">Theme icons not rendering in Linux/Unix/OSX systems</li>
								</ul>
							</div>
						</section>
						<section>
							<h3>Additional Information</h3>
							<div>Visit <a href="http://www.shawntabai.com" rel="external" target="_blank">ShawnTabai.com</a> for additional support.</div>
						</section>
					</div>
					
					<div id="importExportPage" class="page">
						<h1>Import/Export Configuration Settings</h1>
						<section id="importSection">
							<h3>Import</h3>
							<div>
							  <textarea id="importData"></textarea>
							  <button id="processImport">Process</button>
							</div>
						</section>
						<section id="exportSection">
							<h3>Export</h3>
							<div>
    					  <textarea id="exportData" readonly="readonly"></textarea>
							  <button id="generateExport">Generate</button>
							</div>
						</section>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</body>
</html>
